@use "@/views/view.module.scss"as*;

.sesson_view {
  @extend .view_base;
  user-select: none;
}

#sesson_list_item {
  padding   : 10px;
  transition: background-color 200ms;
  height    : 69px;

  &:hover {
    background-color: #88888833;
  }

  * {
    white-space  : nowrap;
    word-break   : keep-all;
    overflow     : hidden;
    text-overflow: ellipsis;
  }

  .title {
    white-space  : nowrap;
    word-break   : keep-all;
    overflow     : hidden;
    text-overflow: ellipsis;
    flex-shrink  : 0
  }

  .n_time {
    font-weight: lighter;
  }

}